// 加入项目
<template>
    <div id='join-project-container'>
        <div class="project-list-container">
            <project-filter @on-change="onSelectionChange" />
            <div class="project-list">
                <router-link :to="`/project/info/${item.id}`" 
                             class="project" 
                             v-for="(item, index) in finalSelection" 
                             :key="`project-${index}`">
                    <div style="font-weight: 550">{{ item.name }}</div>
                    {{ item.pubDate }}
                </router-link>
            </div>
        </div>
        <guide :guideList="guideList" 
               :colorful="false" 
               style="text-align: center" />
    </div>
</template>

<script lang='ts'>
import { JoinProject } from "./Index";
export default JoinProject;
</script>

<style lang='scss' scoped>
@import './Index.scss';
</style>